<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/mobile-header.jsp"%>
<html class="ui-mobile"><head>
<!-- base href="http://2weima.hdzhx.com/MediaApp/mshow/cd_4mn?.qq.com&from=singlemessage&isappinstalled=0" -->
<script type="text/javascript">
        if(is_weixin()){   
            var url = location.href
            if(url.indexOf("MediaApp/lottery/") > 0){

            }else{
                if(url.indexOf(".qq.com") < 1 && url.indexOf("_qq_com") < 1 ){
                    if(url.indexOf("?") < 1){
                        location.href = url+"?.qq.com"
                    }else{
                        location.href = url+"&.qq.com"
                    }
                    
                }
            }            
        } 
        function is_weixin(){
                var ua = navigator.userAgent.toLowerCase();
                if(ua.match(/MicroMessenger/i)=="micromessenger") {
                    return true;
                } else {
                    return false;
                }
        }
</script>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
	<title>${project.name }</title>
	<script type="text/javascript" src="${ctxStatic }/site/themes/CanYinFuWu/jquery_002.js"></script>	
	<script type="text/javascript" src="${ctxStatic }/site/themes/CanYinFuWu/jquery_003.js"></script>	
	<script type="text/javascript" src="${ctxStatic }/site/themes/CanYinFuWu/jquery.js"></script>	
	<script type="text/javascript" src="${ctxStatic }/site/themes/CanYinFuWu/img_popup.js"></script>	
	<script type="text/javascript" src="${ctxStatic }/site/themes/CanYinFuWu/idangerous.js"></script>	
	<link rel="stylesheet" type="text/css" href="${ctxStatic }/site/themes/CanYinFuWu/jquery.css">	
	<link rel="stylesheet" type="text/css" href="${ctxStatic }/site/themes/CanYinFuWu/style.css">	
	<link rel="stylesheet" type="text/css" href="${ctxStatic }/site/themes/CanYinFuWu/ui-slider.css">	
	<link rel="stylesheet" type="text/css" href="${ctxStatic }/site/themes/CanYinFuWu/idangerous.css">	
	<style>
		#menu_list li{padding:0;border-bottom:1px solid #333;border-top:1px solid #777;height:50px}
		#menu_list li a{font-weight:bold;padding:10px 0;line-height:50px;font-size:17px}
		#menu_list li a:hover div{background:#AC0001}
		.autocut{
	  width:130px;  
	  overflow:hidden;  
	  white-space:nowrap;  
	  text-overflow:ellipsis;  
	  -o-text-overflow:ellipsis;  
	  -icab-text-overflow: ellipsis;  
	  -khtml-text-overflow: ellipsis;  
	  -moz-text-overflow: ellipsis;  
	  -webkit-text-overflow: ellipsis; 
	  
	  }
	</style>
</head>
<body class="ui-mobile-viewport ui-overlay-p" data-theme="lb">
<script charset="utf-8" src="cd_4mn_files/jiathis.htm"></script><link type="text/css" rel="stylesheet" href="cd_4mn_files/jiathis_share.css"><iframe style="position: fixed; display: none; opacity: 0;" frameborder="0"></iframe><div style="position: absolute; z-index: 1000000000; display: none; top: 50%; left: 50%; overflow: auto;" class="jiathis_style"></div><div style="position: absolute; z-index: 1000000000; display: none; overflow: auto;" class="jiathis_style"></div><iframe src="jiathis_utility.htm" style="display: none;" frameborder="0"></iframe>
<!-- /page -->
	<div class="ui-page ui-body-p ui-page-active" data-role="page" id="main-page" data-title="${project.name }" data-url="demo-page" tabindex="0" data-theme="p" style="min-height: 786px;">
	    <div role="banner" class="ui-header ui-bar-r" data-role="header" data-theme="r" id="header">
	    		    		
	    			<h4 aria-level="1" role="heading" class="ui-title">${project.name }</h4>    		
	    		    	<div style="width:130px;position:absolute;top:5px;right:5px;z-index:10">
	    			
					  <a class="ui-link" href="javascript:menu()" style="display: inline-block; width: 67px; height: 37px; background: url(&quot;/theme/app_new3_exhibit/img/btn-cd.png&quot;) repeat scroll 0% 0% transparent; text-align: center; color: rgb(255, 255, 255); text-decoration: none; font-size: 18px; margin-left: 57px;"><span style="line-height:37px;">菜单</span></a>
						  <div style="display:none;text-align:center;" id="menu">
						  
							<div class="triangle"></div>
							<div style="background-color:rgba(50,50,50,0.9);border-radius:5px;box-shadow:0 0 3px #333;">
							
							  	<ul id="menu_list">
							  			<li><a class="ui-link" href="${ctxMobileSite }/${project.id}?menuId=1"><div>首 页</div></a></li>
									  	
									  	<li><a class="ui-link" href="${ctxMobileSite }/${project.id}?menuId=2"><div>微会员专区</div></a></li>

									  	<li><a class="ui-link" href="${ctxMobileSite }/${project.id}?menuId=3"><div>新闻动态</div></a></li>
										<c:forEach items="${microPages }" var="microPage">
										<li><a class="ui-link" href="${ctxMobileSite }/viewPage/${microPage.id }"><div class="autocut">${microPage.name }</div></a></li>	
										</c:forEach>
							  	</ul>
						  	</div>
						</div>
					<script>
						function menu(){
							$('#menu').toggle()
						}

					</script>
	    	</div>
	    </div><!-- /header -->
		
	    <div data-role="content" class="ui-content" role="main">
	    	<!-- 轮播 -->
			<div class="device">
			    <div style="cursor: -moz-grab;" class="swiper-container">
			    	<div style="width: 7115px; height: 240px; -moz-transform: translate(-2846px, 0px); -moz-transition-duration: 0.3s;" class="swiper-wrapper">
			    			<div style="width: 1423px; height: 240px;" xmlns="http://www.w3.org/1999/xhtml" class="swiper-slide"> 
								<a class="ui-link" data-ajax="false" href="http:///">
									<img src="${ctxUser}/project/${project.pic1 }">
								</a>	
							</div>
			  				<div style="width: 1423px; height: 240px;" class="swiper-slide"> 
								<a class="ui-link" href="http:///" data-ajax="false">
									<img src="${ctxUser}/project/${project.pic2 }">
								</a>	
							</div>
							<div style="width: 1423px; height: 240px;" class="swiper-slide swiper-slide-visible swiper-slide-active"> 
								<a class="ui-link" href="http:///" data-ajax="false">
									<img src="${ctxUser}/project/${project.pic3 }">
								</a>	
							</div>
					</div>
			   		<div class="pagination">
			   			<span class="swiper-pagination-switch"></span>
			   			<span class="swiper-pagination-switch"></span>
			   		</div>
			    </div>
			</div>
			<div class="divi"></div>
			<div style="padding:15px">
			<div>
					<div><a href="${ctxMobileSite }/${project.id}?menuId=2"><img src="${ctxStatic}/site/themes/CanYinFuWu/images/cpzs.png" alt=""></a><span class="show_title">微会员专区</span> 
					<!-- <a class="more pull-right ui-link" href="http://2weima.hdzhx.com/MediaApp/cate_lists/116077" title="">更多&gt;&gt;</a></div>  -->
					<div class="title_divi"></div>
					<div class="ui-grid-a" id="product">
						<!-- 实际套餐列表 -->
						<c:forEach items="${microProductList }" var="product">
							<div class="ui-block-b" style="">
								<div class="product-bg" style="display:inline-block">
									<a class="ui-link" href="${ctxMobileSite }/viewProduct/${product.id}" title=""><img class="goods-pic" src="${ctxUser}/product/${product.indexPic }" alt=""></a>
									<p class="goods-title">${product.name }</p>
								</div>
							</div>
						</c:forEach>
					</div>
					<br>
					<div>
						<a href="${ctxMobileSite }/${project.id}?menuId=3"><img src="${ctxStatic}/site/themes/CanYinFuWu/images/news.png" alt=""></a><span class="show_title"></span>
					 	<!-- <a class="more pull-right ui-link" href="http://2weima.hdzhx.com/MediaApp/news/116077" title="">更多&gt;&gt;</a></div>  -->
					<div class="title_divi"></div>
					<div>
						<ul class="news">
							<c:forEach items="${newsList }" var="news">
								<li>
									<span class="news-title"><a class="news-link ui-link" href="${ctxMobileSite }/viewNews/${news.id}" title="">${news.title }</a></span>
									<p class="news-info"></p>
								</li>
							</c:forEach>
						</ul>
					</div>
			</div>
			<div><img src="http://ecode.yinuoinfo.com/theme/app_new3_exhibit/img/contact.png" style="margin-bottom:-5px" alt="" /></div>
			    <ul data-role="listview" data-inset="true" class="inner cont_cnt">
			                                <li class="contact-row"><span>单位名称：</span>${project.companyName }</li>
			                                <li class="contact-row"><span>单位地址:</span>${project.comAddress }</li>
			                              <c:if test="${!empty  project.mail&&project.mail!=null}"> <li class="contact-row"><span>邮　　箱:　<a data-role="none" href="${project.mail }" title="" >${project.mail }</a></span></li></c:if> 
			                                <li class="contact-row"><span>电　　话：<a href="tel:${project.mobile }" title="">${project.mobile }</a></span></li>
			                               <c:if test="${!empty  project.localDescribe&&project.localDescribe!=null}">   <li class="contact-row"><span>地图定位：${project.localDescribe }</span></li></c:if> 
			        
			            </ul>
			<!--<ul id="item">
				<li><a href="${ctxMobileSite }/${project.id}?menuId=7" class="bottom-link ui-link"><div><img src="${ctxStatic}/site/themes/CanYinFuWu/images/1.png" alt="">联系我们<i class="item_right"></i></div></a></li>
				<li><a href="http://2weima.hdzhx.com/MediaApp/map/116077" class="bottom-link ui-link"><div><img src="${ctxStatic}/site/themes/CanYinFuWu/images/2.png" alt="">查看地图<i class="item_right"></i></div></a></li>
		 	</ul>
		 	 -->
		</div>



 <script>
  var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    autoplay:3000,
    loop:true,
    grabCursor: true,
    paginationClickable: true,
  })
  </script>
		
	    </div><!-- /content -->

	</div><!-- /page -->
	<div class="ui-loader ui-corner-all ui-body-a ui-loader-default"><span class="ui-icon ui-icon-loading"></span><h1>loading</h1>
	</div>
	<script type="text/javascript">
		//关闭全局ajax
		$(document).bind("pageinit", function(){
		    $.mobile.ajaxEnabled = false;
		});
	</script>

<script type="text/javascript">
    try {

        window.onunload = stay; 
        window.onload = function(){
            autoSize();
            slider_size();
        }

        pageOpen = new Date();//定义一个新的日期对象，记录开始浏览页面时间。  
        function stay() {//定义一个函数。  
            pageClose = new Date();//定义一个新的日期对象，记录结束浏览页面时间。  
            minutes = (pageClose.getMinutes() - pageOpen.getMinutes()); //“分钟”变量等于结束时间的分钟数减去开始时间的分钟数。  
            seconds = (pageClose.getSeconds() - pageOpen.getSeconds());//“秒数”变量等于结束时间的秒数数减去开始时间的秒数数。  
            time = (seconds + (minutes * 60));//时间变量等于“秒数”变量加上“分钟”变量乘以60，即变为以秒记
            send_time(time);
            return time;
        }
        function send_time(time){
            var media_ad_id = '116077';
            var action = 'mshow';

            var url = '/MediaApp/send_duration';
            url = url+'?media_ad_id='+media_ad_id+'&action='+action+'&duration='+time;
            var i = new Image(1,1); 
            i.src= url;
        }

        function autoSize(){
            $("img,iframe,embed").each(function(){
                if($(this).width() > $(this).parent().width() || $(this).width() > $(window).width()){
                    $(this).css('max-width',"100%");
                }
            });
            $("iframe").each(function(){
                var _width = $(this).width();
                if(_width){
                    $(this).css('height',_width);
                }
            })
        }

        // 图片跳转放大
                        $(".ui-content img").click(function(){
                    if(!$(this).parent().attr('href')){
                        window.location.href = $(this).attr('src');
                    }
                });

        //约束轮播图片的比例
        function slider_size(){
            var slider_height = 0;
            slider_height = $(".slider .switchable-box").width()*0.75;
            $(".slider .switchable-box").height(slider_height);
            $(".slider .switchable-content img").height(slider_height); 
        }

    }catch (e) {

    }

    

</script>
<div class="ui-loader ui-corner-all ui-body-a ui-loader-default"><span class="ui-icon ui-icon-loading"></span><h1>loading</h1></div></body></html>